<template>
	<view class="bigbox">
		<view class="box1">
			<view class="box2">
				<view class="box1_1 active">
					<view>
						<view>待跟进</view>
						<view class="a_box1_2">8</view>
					</view>
				</view>
				<view class="box1_1">
					<view>
						<view>8月</view>
						<view style="margin: 10rpx 0;">8</view>
						<view class="box1_2">8</view>
					</view>
				</view>
				<view class="box1_1">
					<view>
						<view>8月</view>
						<view style="margin: 10rpx 0;">8</view>
						<view class="box1_2">8</view>
					</view>
				</view>
				<view class="box1_1">
					<view>
						<view>8月</view>
						<view style="margin: 10rpx 0;">8</view>
						<view class="box1_2">8</view>
					</view>
				</view>
				<view class="box1_1">
					<view>
						<view>8月</view>
						<view style="margin: 10rpx 0;">8</view>
						<view class="box1_2">8</view>
					</view>
				</view>
				<view class="box1_1">
					<view>
						<view>8月</view>
						<view style="margin: 10rpx 0;">8</view>
						<view class="box1_2">8</view>
					</view>
				</view>
			</view>
		</view>
		<view class="box3">
			<view>共8条</view>
			<view class="box3_1">最新进度<image src="../../static/69.png" mode=""></image></view>
		</view>
		<view class="box4">
			<view class="box4_1">
				<view class="box4_2">
					<view>张三</view>
					<image src="../../static/70.png" mode=""></image>
					<view class="box4_3">A真租</view>
				</view>
				<view class="box4_4">预审批通过</view>
			</view>
			<view class="box4_5">
				<view class="box4_6">
					<view>客户来源</view>
					<view class="fot1">福州分公司</view>
				</view>
				<view class="box4_7"><image src="../../static/71.png" mode=""></image>查看详情</view>
			</view>
			<view class="box4_5">
				<view class="box4_6">
					<view>直租车型</view>
					<view class="fot1">2018哈弗H6红标2.0T智享版</view>
				</view>
			</view>
			<view class="box4_5">
				<view class="box4_6">
					<view style="width: 97rpx;text-align: right;">预审批</view>
					<view class="fot1 fot2">
						<view class="fot3">
							银行征信
							<image src="../../static/72.png" mode=""></image>
						</view>
						<view class="fot4">
							大数据
							<image src="../../static/73.png" mode=""></image>
						</view>
						<view class="fot5">
							车辆评估报告
							<image src="../../static/72.png" mode=""></image>
						</view>
					</view>
				</view>
			</view>
			<view class="box4_5">
				<view class="box4_6">
					<view>订单日志</view>
					<view class="box4_7"><image src="../../static/71.png" mode=""></image>查看详情</view>
				</view>
			</view>
		</view>
		
		
		
	</view>
</template>
 
<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
 
		},
		methods: {
			
		}
	}
</script>
 
<style>
	
	.fot5{
		width: 165rpx;
	}
	.fot4{
		width: 95rpx;
		margin: 0 20rpx;
	}
	.fot3{
		width: 115rpx;
	}
	.fot2>view>image{
		width: 20rpx;
		height: 20rpx;
		position: absolute;
		top: 0;
		right: 0;
	}
	.fot2>view{
		position: relative;
	}
	.fot2{
		display: flex;
		align-items: center;
	}
	.box4_7>image{
		width: 21rpx;
		height: 21rpx;
		margin-right: 15rpx;
	}
	.box4_7{
		font-size:24rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(255,120,0,1);
		margin-left: 30rpx;
	}
	.fot1{
		margin-left: 30rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(51,51,51,1);
	}
	.box4_6{
		display: flex;
		align-items: center;
		font-size:24rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(153,153,153,1);
	}
	.box4_5{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 20rpx 0;
	}
	.box4_4{
		width:160rpx;
		height:38rpx;
		border:1px solid rgba(51,51,51,1);
		border-radius:19rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size:22rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(51,51,51,1);
	}
	.box4_3{
		width:88rpx;
		height:28rpx;
		border:1px solid #3A62FF;
		border-radius:14rpx;
		font-size:20rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:#3A62FF;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.box4_2>image{
		width: 24rpx;
		height: 24rpx;
		margin: 0 20rpx;
		
	}
	.box4_2{
		display: flex;
		align-items: center;
		font-size:30rpx;
		font-family:PingFang SC;
		font-weight:bold;
		color:rgba(51,51,51,1);
	}
	.box4_1{
		border-bottom: 1px solid #F2F2F2;
		display: flex;
		justify-content:space-between;
		align-items: center;
		padding-bottom: 19rpx;
		box-sizing: border-box;
	}
	.box4{
		background:rgba(255,255,255,1);
		box-shadow:0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.1);
		border-radius:10rpx;
		margin-bottom: 30rpx;
		padding: 30rpx;
		box-sizing: border-box;
	}
	.box3_1>image{
		width: 20rpx;
		height: 11rpx;
		margin-left: 15rpx;
	}
	.box3_1{
		font-size:24rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(51,51,51,1);
		display: flex;
		align-items: center;
	}
	.box3{
		height:70rpx;
		background:rgba(245,245,245,1);
		border-radius:10rpx;
		margin: 30rpx auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 30rpx;
		box-sizing: border-box;
		font-size:24rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(153,153,153,1);
	}
	.box2{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: nowrap;
	}
	.a_box1_2{
		width:40rpx;
		height:40rpx;
		background:rgba(255,255,255,1);
		border-radius:50%;
		font-size:24rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:#3A62FF;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 10rpx auto;
	}
	.box1_2{
		width:40rpx;
		height:40rpx;
		border: 1px solid #CCCCCC;
		border-radius:50%;
		font-size:24rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(153,153,153,1);
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
	}
	.active{
		background: #3A62FF !important;
		font-size:24rpx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(255,255,255,1);
	}
	.box1_1{
		width:100rpx;
		height:140rpx;
		text-align: center;
		border-radius:10rpx;
		background: #F5F5F5;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 20rpx;
	}
	.box1{
		width: 100vw;
		display: flex;
		justify-content:flex-start;
		align-items: center;
		overflow: hidden;
		overflow-x: scroll;
	}
	.bigbox{
		padding: 0 30rpx;
		box-sizing: border-box;
	}
</style>
